/* flex--- */
.fl {
	display: flex;
	align-items: center;
}

.fl-wrap {
	flex-wrap: wrap
}

.jc-sa {
	justify-content: space-around;
}

.jc-sb {
	justify-content: space-between;
}

.jc-c {
	justify-content: center;
}

.jc-fe {
	display: flex;
	justify-content: flex-end;
}

.ai-fe {
	align-items: flex-end;
}

.t-c {
	text-align: center;
}

/* 溢出省略号--- */
.el1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.el2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 标签样式 */
image {
	width: 100%;
	height: 100%;
}

button::after {
	border: none;
}

/* 分享按钮 */
.share-button {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

/* 无数据样式 */
.hint-css {
	text-align: center;
	color: #999;
	font-size: 26upx;
	padding: 30upx;
}

/* 页面顶部 */
.head-box {
	padding: 30rpx;
	box-sizing: border-box;
}

.main-boxSizing {
	box-sizing: border-box;
}

/* app顶部状态栏 */
.status-top {
	padding-top: var(--status-bar-height);
}

.ft12 {
	font-size: 24upx;
}

.ft13 {
	font-size: 26upx;
}

.ft14 {
	font-size: 28upx;
}

.ft15 {
	font-size: 30upx;
}

.ft16 {
	font-size: 32upx;
}

.ft18 {
	font-size: 36upx;
}

.ft20 {
	font-size: 40upx;
}

.ft22 {
	font-size: 44upx;
}

.ft24 {
	font-size: 48upx;
}

.ft25 {
	font-size: 50upx;
}

.ft30 {
	font-size: 60upx;
}

.gray9 {
	color: #999999;
}

.gray3 {
	color: #333333;
}

.gray6{
	color: #666666;
}

.white{
	color: #ffffff;
}

.tc{
	text-align: center;
}

.bold{
	font-weight: bold;
}

.ptb2 {
	padding-top: 4upx;
	padding-bottom: 4upx;
}

.ptb3 {
	padding-top: 6upx;
	padding-bottom: 6upx;
}

.ptb4 {
	padding-top: 8upx;
	padding-bottom: 8upx;
}

.plr2 {
	padding-left: 4upx;
	padding-right: 4upx;
}

.pt5 {
	padding-top: 10upx;
}

.pb5 {
	padding-bottom: 10upx;
}

.ptb5 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.plr5 {
	padding-left: 10upx;
	padding-right: 10upx;
}

.pl10 {
	padding-left: 20upx;
}

.pt10 {
	padding-top: 20upx;
}

.plr10 {
	padding-left: 20upx;
	padding-right: 20upx;
}

.ptb8 {
	padding-top: 16upx;
	padding-bottom: 16upx;
}

.plr8 {
	padding-left: 16upx;
	padding-right: 16upx;
}

.ptb10 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.pb10 {
	padding-bottom: 20upx;
}

.pt13 {
	padding-top: 26upx;
}

.pt15 {
	padding-top: 30upx;
}

.pl15 {
	padding-left: 30upx;
}

.pb15 {
	padding-bottom: 30upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.ptb15 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.ptb18 {
	padding-top: 36upx;
	padding-bottom: 36upx;
}

.ptb20 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.ptb25 {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.plr12 {
	padding-left: 24upx;
	padding-right: 24upx;
}

.plr15 {
	padding-left: 30upx;
	padding-right: 30upx;
}

.pl20 {
	padding-left: 40upx;
}

.plr20 {
	padding-left: 40upx;
	padding-right: 40upx;
}

.plr25 {
	padding-left: 50upx;
	padding-right: 50upx;
}

.plr40 {
	padding-left: 80upx;
	padding-right: 80upx;
}

.pb30 {
	padding-bottom: 60upx;
}

.ptb30 {
	padding-top: 60upx;
	padding-bottom: 60upx;
}

.pb50 {
	padding-bottom: 100upx;
}

.pb70 {
	padding-bottom: 140upx;
}

.ml2 {
	margin-left: 4upx;
}

.mt5 {
	margin-top: 10upx;
}

.ml5 {
	margin-left: 10upx;
}

.mr5 {
	margin-right: 10upx;
}

.mr6 {
	margin-right: 12upx;
}

.ml10 {
	margin-left: 20upx;
}

.mr10 {
	margin-right: 20upx;
}

.ml12 {
	margin-left: 24upx;
}

.ml15 {
	margin-left: 30upx;
}

.mr15 {
	margin-right: 30upx;
}

.ml20 {
	margin-left: 40upx;
}

.mt8 {
	margin-top: 16upx;
}

.mt10 {
	margin-top: 20upx;
}

.mt12 {
	margin-top: 24upx;
}

.mt15 {
	margin-top: 30upx;
}

.mt18 {
	margin-top: 36upx;
}

.mt20 {
	margin-top: 40upx;
}

.mt30 {
	margin-top: 60upx;
}

.mt50 {
	margin-top: 100rpx;
}

.mb10 {
	margin-bottom: 20upx;
}

.mb12 {
	margin-bottom: 24upx;
}

.mb15 {
	margin-bottom: 30upx;
}

.mb20 {
	margin-bottom: 40upx;
}

.pb100 {
	padding-bottom: 200upx;
}